function LearnJSX() {
  const title1 = "这里是JSX语法";
  const title2 = "练习JSX";
  const size = "125px";
  const list = [
    {
      name: "fsy",
      age: 21,
    },
    {
      name: "abc",
      age: 22,
    },
    {
      name: "def",
      age: 23,
    },
  ];
  const test1 = null;
  const test2 = undefined;
  const test3 = true;
  return (
    <div className="title">
      <h1>{title1}</h1>
      <span style={{ color: "#f00", fontSize: size }}>{title2}</span>
      <h1>{test1}</h1>
      <h1>{test2}</h1>
      <h1>{test3}</h1>
    </div>
  );
}

export default LearnJSX;
